.hairline,
.hairline--bottom,
.hairline--left,
.hairline--right,
.hairline--surround,
.hairline--top,
.hairline--top-bottom {
    position: relative
}

.hairline--bottom:after,
.hairline--left:after,
.hairline--right:after,
.hairline--surround:after,
.hairline--top-bottom:after,
.hairline--top:after,
.hairline:after {
    position: absolute;
    box-sizing: border-box;
    transform-origin: center;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #e5e5e5;
    transform: scale(.5);
    z-index: 10;
}

.hairline--top:after {
    border-top-width: 1px
}

.hairline--left:after {
    border-left-width: 1px
}

.hairline--right:after {
    border-right-width: 1px
}

.hairline--bottom:after {
    border-bottom-width: 1px
}

.hairline--top-bottom:after {
    border-width: 1px 0
}

.hairline--surround:after {
    border-width: 1px
}
